<!-- #section:pages/inbox.message-header -->
			<div class="message-header clearfix">
				<div class="pull-left">
					<span class="blue bigger-125"> ${emailDetailVo.emailSimpleVo.subject} </span>

					<div class="space-4"></div>
					<#if emailDetailVo.emailSimpleVo.flaged>
					<i class="ace-icon fa fa-star orange2"></i>
					<#else>
					<i class="ace-icon fa fa-star-o light-gray"></i>
					</#if>
					 &nbsp; <img
						class="middle" alt="${emailDetailVo.emailSimpleVo.senderName}'s Avatar"
						src="${emailDetailVo.emailSimpleVo.senderIcon}" width="32" /> &nbsp; <a
						href="#" class="sender">${emailDetailVo.emailSimpleVo.senderName}</a> &nbsp; <i
						class="ace-icon fa fa-clock-o bigger-110 orange middle"></i> <span
						class="time grey">Today, ${emailDetailVo.emailSimpleVo.sendTime}</span>
				</div>

				<div class="pull-right action-buttons">
					<a href="#"> <i
						class="ace-icon fa fa-reply green icon-only bigger-130"></i>
					</a> <a href="#"> <i
						class="ace-icon fa fa-mail-forward blue icon-only bigger-130"></i>
					</a> <a href="#"> <i
						class="ace-icon fa fa-trash-o red icon-only bigger-130"></i>
					</a>
				</div>
			</div>

			<!-- /section:pages/inbox.message-header -->
			<div class="hr hr-double"></div>

			<!-- #section:pages/inbox.message-body -->
			<div class="message-body">
				<p>${emailDetailVo.content}</p>
			</div>

			<!-- /section:pages/inbox.message-body -->
			<div class="hr hr-double"></div>

			<!-- #section:pages/inbox.message-attachment -->
			<#if emailDetailVo.emailAttachmentVo.attachments gt 0>
			<div class="message-attachment clearfix">
				<div class="attachment-title">
					<span class="blue bolder bigger-110">Attachments</span> &nbsp; <span
						class="grey">(${emailDetailVo.emailAttachmentVo.attachments} files,${emailDetailVo.emailAttachmentVo.totalSize})</span>

					<div class="inline position-relative">
						<a href="#" data-toggle="dropdown" class="dropdown-toggle">
							&nbsp; <i class="ace-icon fa fa-caret-down bigger-125 middle"></i>
						</a>

						<ul class="dropdown-menu dropdown-lighter">
							<li><a href="#">Download all as zip</a></li>

							<li><a href="#">Display in slideshow</a></li>
						</ul>
					</div>
				</div>

				&nbsp;
				<ul class="attachment-list pull-left list-unstyled">
					<#list emailDetailVo.emailAttachmentVo.attachmentVos as attachment>
					<li><a href="#" class="attached-file"> <i
							class="ace-icon fa fa-file-o bigger-110"></i> <span
							class="attached-name">${attachment.fileName}</span>
					</a> <span class="action-buttons"> <a href="${attachment.filePath}"> <i
								class="ace-icon fa fa-download bigger-125 blue"></i>
						</a> <a href="#"> <i class="ace-icon fa fa-trash-o bigger-125 red"></i>
						</a>
					</span></li>
					</#list>
				</ul>

				<div class="attachment-images pull-right">
					<div class="vspace-4-sm"></div>

					<div>
						<img width="36" alt="image 4"
							src="${contextPath}/admin/assets/images/gallery/thumb-4.jpg" /> <img width="36"
							alt="image 3" src="${contextPath}/admin/assets/images/gallery/thumb-3.jpg" /> <img
							width="36" alt="image 2"
							src="${contextPath}/admin/assets/images/gallery/thumb-2.jpg" /> <img width="36"
							alt="image 1" src="${contextPath}/admin/assets/images/gallery/thumb-1.jpg" />
					</div>
				</div>
			</div>
			</#if>